<template>
  <div class="lxclogo">
    <ul>
        <li id="seali1"><img src="../../assets/img/1/logo.png" alt=""></li>
        <li id="llseali2">
             <p id="p1">|</p>
            <p id="p2">{{name}}</p>
        </li>
    </ul>
  </div>
</template>
<script>
export default {
    name: "lxclogo",
    data() {
        return {
            name:'这里是什么'
        }
    },
}
</script>

<style>
.lxclogo{
    height: 100px;
}
.search{
    width: 100%;
    position: relative;
    
}
.search ul li{
    float: left;
    height:130px;
    background: red;
}
#seali1{
    width: 33%;
    text-align: center;
    float: left;
}
#seali1 img{
    width: 80%;
    margin-top:30px; 
}
#llseali2{
    float: left;
}
#llseali2 p{
    float: left;
}
#llseali2 #p1,#llseali2 #p2{
    display: inline-block;
    width: 50px;
    font-size:50px; 
    margin-top:30px; 
}
#llseali2 #p2{
    width: 100px;
    margin-top:50px; 
    font-size:20px; 
}
</style>



